<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
        <script type="text/javascript" src="js/jquery-3.0.0.min.js" ></script>
    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
    <script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
    <style type="text/css">
    		    #back {
  position: absolute;
  left: -8px;
  top: 9px;
  }
  .div1{
  	margin-top: 100px;
  	margin-left: 20px;
  }
  table
  {
  width:100%;
  }

th
  {
  height:30px;
  }
    </style>
</head>
<body>

		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title" style="color: steelblue;;"><a href="product.html"><span class="mui-icon mui-icon-back"id="back"></a>查询产品</h1>
		</header>
     <div class="div1">
<form >
<table border="1" >
  <tr>
    <th>序号</th>
    <th>产品名称</th>
    <th>日期</th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td>1</td>
    <td>涛声依旧</td>
    <td>2018.8.18</td>
    <td><input type="button" value="删除" style=" width: 50px;height: 30px;color:black;font-weight: bold;margin-left: 5px;"
onclick="javascrtpt:window.location.href='product.html'"></td>
 <td><input type="button" value="修改" style=" width: 50px;height: 30px;color:black;font-weight: bold;margin-left: 10px;"
onclick="javascrtpt:window.location.href='cxproduct.html'"></td>
  </tr>
</table>
</form> 
     </div>

</body>

</html>